@import './common';

.apply-data{
	line-height:setSize(76);
	font-size: setSize(30);
	.prompt{
		height: setSize(76);
		color: $subTextColor;
		padding-left: setSize(40);
		.note-img{
			width: setSize(40);
			height: setSize(40);
			vertical-align: middle;
			position:relative;
			top: setSize(-2);
			margin-right: setSize(15);
		}
	}
	.item-title{
		height: setSize(76);
		background: $thirdBgWin;
		padding-left: setSize(40); 
	}
	.item-group{
		padding-left: setSize(40);
		.item{
			height: setSize(100);
			line-height:setSize(100);
			box-sizing:border-box;
			padding-right:setSize(24);
			display: flex;
			align-items: center;
			border-bottom: 1px solid $bgWin;
			>text{
				display: block;
				width: setSize(220);
			}
			
			.input{
				width: 100%;
				flex:1;
			}

			.icon-box{
				box-sizing:border-box;
				padding: setSize(20) 0 setSize(20) setSize(20);

				.icon{
					display: block;
					width: setSize(32);
					height: setSize(32);
				}
			}

			.get-code{
				width: setSize(150);
				height: setSize(48);
				line-height:setSize(46);
				font-size: setSize(22);
				padding:0;
				margin-left: setSize(20);
				border-radius:setSize(48);
				border:1px solid $mainColor;
				color: $mainColor;
				background:$bgWin;
			}
			.get-code-active{
				border-color: $subMainColor;
				color: $subMainColor;
			}
		}
	}
	.screen-form{
		width: 100%;
		margin-top: setSize(40);
		// background-color:#fff;

		.icon-box{
			width: setSize(30);
			height: setSize(30);
			box-sizing:border-box;
			padding:setSize(4);
			border:setSize(2) solid $mainColor;

			.icon{
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.text{
			box-sizing:border-box;
			padding:0 setSize(20);
			line-height:setSize(37);
			font-size:setSize(26);
			font-weight:400;
		}
	}
	.next-btn{
		margin-top: setSize(80);
		@include bigButton;
	}
}
